<template>
  <div class="bigBox">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="教学点申请" name="教学点申请">
        <teachingPoint />
      </el-tab-pane>
      <el-tab-pane label="教师申报" name="教师申报">
        <teacher />
      </el-tab-pane>
      <el-tab-pane label="教材申报" name="教材申报">
        <teachingMaterial />
      </el-tab-pane>
      <el-tab-pane label="课程申报" name="课程申报">
        <curriculum />
      </el-tab-pane>
      <el-tab-pane label="财务人员信息" name="财务人员信息">
        <finance />
      </el-tab-pane>
      <!-- <el-tab-pane label="建档信息" name="建档信息">
        <bookbuilding />
      </el-tab-pane> -->
      <!-- <el-tab-pane label="合同样本信息" name="合同样本信息">
        <contractInfo />
      </el-tab-pane> -->
      <!-- <el-tab-pane label="行政审批" name="行政审批">
        <government />
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>

<script>
import { teachingPoint, teacher, teachingMaterial, curriculum, finance } from '@/components/applyFor/index.js'
// import { teachingPoint, teacher, teachingMaterial, curriculum, finance, bookbuilding, contractInfo, government } from '@/components/applyFor/index.js'
export default {
  components: {
    teachingPoint,
    teacher,
    teachingMaterial,
    curriculum,
    finance
    // bookbuilding,
    // contractInfo
    // government
  },
  data () {
    return {
      activeName: '教学点申请'
    }
  },
  methods: {
    handleClick (tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style lang="less" scped>

  .bigBox {
    background-color: #ffffff;
    padding: 20px;
    padding-top: 5px;
  }

</style>
